Когда вы пишете просто на React — то используете Redux store как глобальное хранилище — ничего сложного.

Но когда начинаете задумываться о том, чтобы использовать Server-side Rendering — то по началу может возникать некоторая путаница с непривычки.

В React — результаты запросов сохраняем в Redux store — и уже на основании этих данных рендерится страница — всё понятно.

В Next.js же — страница отрендерилась на сервере — и пришла уже в виде html и css. Внимание вопрос: как тогда использовать Redux — если код страницы нам уже пришёл? И для чего вообще в таком случае нужен Redux при использовании Next?

Работает это примерно так: страница рендерится на сервере. Когда пользователь заходит на сайт — он скачивает эту страницу с сервера. На этом этапе серверный рендеринг закончился. Пользователь получил страницу в базовом виде — таком, как её видит весь интернет и роботы поисковиков. В этот момент в Redux store — хранятся исключительно те значения, какие там были при инициализации.

Если